<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="lib/normalize.css">
    <link rel="stylesheet" href="stylesheets/index.css">
    <link rel="stylesheet" href="stylesheets/modal.css">
    <link rel="stylesheet" href="stylesheets/notice.css">
</head>
<body>

<div id="main">
    <div class="normal-row" id="row-0">
        <div class="connected icon" data-nodeId="0"></div>
        <div class="line hor-line" data-connectNodes="0-1"></div>
        <div class="connected icon" data-nodeId="1"></div>
        <div class="line hor-line" data-connectNodes="1-2"></div>
        <div class="connected icon" data-nodeId="2"></div>
        <div class="line hor-line" data-connectNodes="2-3"></div>
        <div class="connected icon" data-nodeId="3"></div>
        <div class="line hor-line" data-connectNodes="3-4"></div>
        <div class="connected icon" data-nodeId="4"></div>
        <div class="line hor-line" data-connectNodes="4-5"></div>
        <div class="connected icon" data-nodeId="5"></div>
        <div class="line hor-line" data-connectNodes="5-6"></div>
        <div class="connected icon" data-nodeId="6"></div>
    </div>
    <div class="vertical-long-line-row">
        <div class="line vertical-line vertical-long-line" data-connectNodes="0-7"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="1-8"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="2-9"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="3-10"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="4-11"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="5-12"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="6-13"></div>
    </div>

    <div class="normal-row" id="row-1">
        <div class="connected icon" data-nodeId="7"></div>
        <div class="line hor-line" data-connectNodes="7-8"></div>
        <div class="connected icon" data-nodeId="8"></div>
        <div class="line hor-line" data-connectNodes="8-9"></div>
        <div class="connected icon" data-nodeId="9"></div>
        <div class="line hor-line" data-connectNodes="9-10"></div>
        <div class="connected icon" data-nodeId="10"></div>
        <div class="line hor-line" data-connectNodes="10-11"></div>
        <div class="connected icon" data-nodeId="11"></div>
        <div class="line hor-line" data-connectNodes="11-12"></div>
        <div class="connected icon" data-nodeId="12"></div>
        <div class="line hor-line" data-connectNodes="12-13"></div>
        <div class="connected icon" data-nodeId="13"></div>
    </div>
    <div class="vertical-long-line-row">
        <div class="line vertical-line vertical-long-line" data-connectNodes="7-14"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="8-15"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="9-16"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="10-17"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="11-18"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="12-19"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="13-20"></div>
    </div>

    <div class="normal-row" id="row-2">
        <div class="connected icon" data-nodeId="14"></div>
        <div class="line hor-line" data-connectNodes="14-15"></div>
        <div class="connected icon" data-nodeId="15"></div>
        <div class="line hor-line" data-connectNodes="15-16"></div>
        <div class="connected icon" data-nodeId="16"></div>
        <div class="line hor-line" data-connectNodes="16-17"></div>
        <div class="connected icon" data-nodeId="17"></div>
        <div class="line hor-line" data-connectNodes="17-18"></div>
        <div class="connected icon" data-nodeId="18"></div>
        <div class="line hor-line" data-connectNodes="18-19"></div>
        <div class="connected icon" data-nodeId="19"></div>
        <div class="line hor-line" data-connectNodes="19-20"></div>
        <div class="connected icon" data-nodeId="20"></div>
    </div>
    <div class="vertical-long-line-row">
        <div class="line vertical-line vertical-long-line" data-connectNodes="14-21"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="15-22"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="16-23"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="17-24"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="18-25"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="19-26"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="20-27"></div>
    </div>

    <div class="normal-row" id="row-3">
        <div class="connected icon" data-nodeId="21"></div>
        <div class="line hor-line" data-connectNodes="21-22"></div>
        <div class="connected icon" data-nodeId="22"></div>
        <div class="line hor-line" data-connectNodes="22-23"></div>
        <div class="connected icon" data-nodeId="23"></div>
        <div class="line hor-line" data-connectNodes="23-24"></div>
        <div class="connected icon" data-nodeId="24"></div>
        <div class="line hor-line" data-connectNodes="24-25"></div>
        <div class="connected icon" data-nodeId="25"></div>
        <div class="line hor-line" data-connectNodes="25-26"></div>
        <div class="connected icon" data-nodeId="26"></div>
        <div class="line hor-line" data-connectNodes="26-27"></div>
        <div class="connected icon" data-nodeId="27"></div>
    </div>
    <div class="vertical-long-line-row">
        <div class="line vertical-line vertical-long-line" data-connectNodes="21-28"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="22-29"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="23-30"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="24-31"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="25-32"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="26-33"></div>
        <div class="line vertical-line vertical-long-line" data-connectNodes="27-34"></div>
    </div>
    <div class="normal-row" id="row-4">
        <div class="connected icon" data-nodeId="28"></div>
        <div class="line hor-line" data-connectNodes="28-29"></div>
        <div class="connected icon" data-nodeId="29"></div>
        <div class="line hor-line" data-connectNodes="29-30"></div>
        <div class="connected icon" data-nodeId="30"></div>
        <div class="line hor-line" data-connectNodes="30-31"></div>
        <div class="connected icon" data-nodeId="31"></div>
        <div class="line hor-line" data-connectNodes="31-32"></div>
        <div class="connected icon" data-nodeId="32"></div>
        <div class="line hor-line" data-connectNodes="32-33"></div>
        <div class="connected icon" data-nodeId="33"></div>
        <div class="line hor-line" data-connectNodes="33-34"></div>
        <div class="connected icon" data-nodeId="34"></div>
    </div>
</div>

<script src="lib/polyfill.min.js"></script>
<script src="lib/jquery.min.js"></script>
<script src="lib/axios.min.js"></script>
<script src="lib/socket.io.js"></script>

<!--<script src="scripts/dist/config.js"></script>
<script src="scripts/dist/functions.js"></script>
<script src="scripts/dist/index.js"></script>
<script src="scripts/dist/modal.js"></script>-->

<!--<script src="scripts/config.js"></script>
<script src="scripts/functions.js"></script>
<script src="scripts/index.js"></script>
<script src="scripts/modal.js"></script>-->
</body>
</html>